<template>
	<div class="truetype">
		<div style="height: 20px;background: #1E82D2 ;"></div>
		<!--<mt-header title="确认调拨类型"  style='background: #1E82D2;font-size: 1.125rem;height: 3rem;' >
		<router-link to="/applydetail" slot="left">
		     <i class="material-icons left_1" style="color: #fff;">chevron_left</i>
		 </router-link>
		</mt-header>-->
		<x-header  class='head' :left-options="{backText: ''}">确认调拨类型</x-header>

		<div class="system-n">
			<div class="system-top">
				<p>确认类型</p>
			</div>
			<!--<div class="system-con">
				<p><span>内部调拨</span><input name="Fruit" type="radio" value="" /></p>
				<p><span>外部调拨</span><input name="Fruit" type="radio" value="" /></p>
				<p>任务接收人
		        <select class="choice-k">
				  <option value ="请选择设备类型">请选择接收人</option>
				  <option value ="主机">主机</option>
				  <option value ="配件">配件</option>
				  <option value="主机配件">主机配件</option>
				</select></p>
				 <div class="choice adress">
			    <div class="choice-c adress-c">
			    <div style="width: 32.5%;float: left;font-size: .8rem;line-height: 2rem;">处理意见<i class="xing">*</i></div>
		       <textarea  placeholder="请输入" type="textarea" rows="5"  class="text"></textarea>
				</div>
		        </div>
			</div>-->
			 <group gutter='0px'>
			<checklist  :options="commonList" v-model="radioValue" :max="1" @on-change="change"  label-position="left"></checklist>

			 	<cell class='popup' title="接收人姓名" value="name">
			    	<router-link :to="{path:'/turetypeman'}" style='color: #999;'>{{this.name||'请选择接收人'}}</router-link>
			    </cell>

			<x-textarea class='popup' title="处理意见:"  placeholder='请输入' v-model="yijian"></x-textarea>
			 </group>
		</div>


		<div class="fix">
			<button class="qidong">驳回</button>
			<button class="qued">确定</button>
		</div>

	</div>
</template>

<script>
import { XHeader, Checklist, Cell } from 'vux'
import XTextarea from 'vux/src/components/x-textarea/index'
import PopupPicker from 'vux/src/components/Popup-picker/index'
import Group from 'vux/src/components/group/index'

export default {
  components: {
    XHeader,
    Checklist,
    XTextarea,
    PopupPicker,
    Group,
    Cell
  },
  data() {
    return {
      commonList: ['是', '否'],
      radioValue: ['是'],
      yijian: '',
      value1: [],
      list1: [['主机', '主机配件', '111', '222', '333']],
      name: localStorage.id
    }
  },
  methods: {
    change(val, label) {
      console.log('change', val, label)
    },
    onChange(val) {
      console.log('val change', val)
      localStorage.clear()
    },
    onShow() {
      console.log('on show')
    },
    onHide(type) {
      console.log('on hide', type)
    }
  }
}
</script>

<style scoped>
.popup {
  font-size: 0.8rem !important;
  color: #606063 !important;
}
.system-n {
  width: 92%;
  min-height: 3rem;
  background: #fff;
  margin-left: 4%;
  margin-top: 1rem;
  border-radius: 6px;
  overflow: hidden;
}
.system-top {
  height: 2rem;
  background: #fda470;
  border-radius: 6px 6px 0 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.system-top p {
  color: #fff;
  line-height: 2rem;
  font-size: 0.8rem;
  float: left;
}
.system-con {
  min-height: 5rem;
  padding: 0.5rem;
  line-height: 1.5rem;
  font-size: 0.8rem;
}
.system-con input {
  float: right;
  margin-top: 0.5rem;
}
.system-con p {
  line-height: 2rem;
  border-bottom: 1px solid #f5f5f5;
}
.choice-k {
  width: 70%;
  float: right;
  line-height: 2rem;
  height: 2rem;
  border: none;
  font-size: 0.8rem !important;
  color: #606063;
}
.choice-k option {
  font-size: 0.8rem;
}
.fix {
  width: 100%;
  height: 3rem;
  position: fixed;
  bottom: 0;
  display: flex;
  z-index: 999;
}
.qidong {
  width: 50%;
  height: 3rem;
  background: #63758a;
  border: none;
  color: #fff;
}
.qued {
  width: 50%;
  height: 3rem;
  background: #4a82c6;
  border: none;
  color: #fff;
}
.text {
  float: left;
  width: 67.5%;
  border: none;
  font-size: 0.8rem !important;
  color: #606063;
  margin-top: 0.5rem;
}
.head {
  width: 100%;
  background: #1e82d2;
  font-size: 1.125rem;
  height: 3rem;
}
</style>
